<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<script type="text/javascript" src="lib/PIE_IE678.js"></script>
<![endif]-->
<link href="__PUBLIC__/css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/css/H-ui.admin.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/lib/icheck/icheck.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/lib/Hui-iconfont/1.0.6/iconfont.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/lib/Validform/5.3.2/style.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>添加客户</title>
</head>
<body>
<div class="pd-20">
	<form action="" method="post" class="form form-horizontal" id="form-customer-add">
		<input type="hidden" value="" name="avatar" class="avatar">  <!-- 照片隐藏域 -->
		<input type="hidden" value="" name="status" class="status"> 
		<input type="hidden" value="" name="family_id" class="familyId"> <!-- 家庭id隐藏域 -->
		<div class="row cl">
			<label class="form-label col-3"><span class="c-red">*</span>姓名：</label>
			<div class="formControls col-5">
				<input type="text" class="input-text" value="" placeholder="" id="name" name="name" datatype="*2-16" errormsg="姓名必须为2到16个字符" nullmsg="请输入姓名">
			</div>
			<div class="col-4"> </div>
		</div>
		<div class="row cl">
			<label class="form-label col-3">照片：</label>
			<div class="formControls col-5">
				<div class="uploader-thum-container">
					<div id="fileList" class="uploader-list"></div>
					<div id="filePicker">选择图片</div>
				</div>
			</div>
			<div class="col-4"></div>
		</div>
		<div class="row cl">
			<label class="form-label col-3">生日：</label>
			<div class="formControls col-5">
				<input type="text" onfocus="WdatePicker()"  class="input-text" value="" placeholder="" id="birthday" name="birthday">
			</div>
			<div class="col-4"> </div>
		</div>
		<div class="row cl">
			<label class="form-label col-3">身份证号：</label>
			<div class="formControls col-5">
				<input type="text" class="input-text" value="" placeholder="" id="id_no" name="id_no" datatype="/(^$)|(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/" errormsg="请输入正确的身份证号">
			</div>
			<div class="col-4"> </div>
		</div>
		<div class="row cl">
			<label class="form-label col-3"><span class="c-red">*</span>分组</label>
			<div class="formControls col-5">
				<span class="select-box">
			      <select class="select ugroup" size="1" name="ugroup" nullmsg='请选择分组' datatype="*">
			      </select>
			    </span>
			</div>
			<div class="col-4"> </div>
		</div>
		<div class="row cl">
			<label class="form-label col-3"><span class="c-red">*</span>性别：</label>
			<div class="formControls col-5 skin-minimal">
					<div class="radio-box">
						<input type="radio" id="sex-1" name="sex" class="sex"  value="M" checked="checked">
						<label for="sex-1">男</label>
					</div>
					<div class="radio-box">
						<input type="radio" id="sex-2" name="sex" class="sex" value="F" datatype="*" nullmsg="请选择性别！">
						<label for="sex-2">女</label>
					</div>	
			</div>
			<div class="col-4"> </div>
		</div>
		<div class="row cl">
			<label class="form-label col-3"><span class="c-red">*</span>手机号：</label>
			<div class="formControls col-5">
				<input type="text" class="input-text" value="" ajaxurl="/index.php?m=Admin&c=Common&a=validate&t=customer" placeholder="" id="" name="tel" datatype="m" errormsg="请输入正确的手机号" nullmsg="手机号不能为空">
			</div>
			<div class="col-4"> </div>
		</div>
		<div class="row cl">
			<label class="form-label col-3">其他手机：</label>
			<div class="formControls col-5">
				<input type="text" class="input-text" value="" placeholder="多个手机请用逗号隔开" id="" name="tel1">
			</div>
			<div class="col-4"> </div>
		</div>
		<div class="row cl skin-minimal">
			<label class="form-label col-3">是否激活：</label>
			<div class="formControls col-5">
				<input type="checkbox" name="status" value="1" checked="checked">
			</div>
			<div class="col-4"> </div>
		</div>

		<div class="row cl">
			<label class="form-label col-3">客户说明：</label>
			<div class="formControls col-5">
				<textarea name="mark" cols="" rows="" class="textarea"  placeholder="客户说明·· 100个字符以内" dragonfly="true" value="" onKeyUp="textarealength(this,100)"></textarea>
				<p class="textarea-numberbar"><em class="textarea-length">0</em>/100</p>
			</div>
			<div class="col-4"> </div>
		</div>
		<div class="row cl">
			<div class="col-3 col-offset-3">
				<input class="btn btn-primary radius subjx" type="submit" value="提交并继续添加">
			</div>
			<div class="col-3">
				<input class="btn btn-primary radius subfh" type="submit" value="提交并返回列表">
			</div>
		</div>
	</form>
</div>
<script type="text/javascript" src="__PUBLIC__/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="__PUBLIC__/lib/icheck/jquery.icheck.min.js"></script> 
<script type="text/javascript" src="__PUBLIC__/lib/Validform/5.3.2/Validform.min.js"></script> 
<script type="text/javascript" src="__PUBLIC__/lib/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="__PUBLIC__/lib/layer/2.1/layer.js"></script> 
<script type="text/javascript" src="__PUBLIC__/js/H-ui.js"></script> 
<script type="text/javascript" src="__PUBLIC__/js/H-ui.admin.js"></script> 
<script type="text/javascript" src="__PUBLIC__/lib/webuploader/0.1.5/webuploader.min.js"></script> 
<script type="text/javascript" src="__PUBLIC__/js/webuploader.js"></script> 
<script type="text/javascript" src="Tpl/Admin/common/customer/addAjax.js"></script>
<script type="text/javascript" src="Tpl/Admin/common/customer/getDict.js"></script>
<script src="http://cdn.bootcss.com/jquery.form/3.51/jquery.form.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/getUrl.js"></script> 
<script type="text/javascript">
// 复选框美化插件优化
$(function(){
	$('.skin-minimal input').iCheck({
		checkboxClass: 'icheckbox-blue',
		radioClass: 'iradio-blue',
		increaseArea: '20%'
	});
	if($.getUrlVar('familyId')){
		$(".subjx").closest("div").removeClass("col-offset-3");
		$(".subjx").hide();
		$(".subfh").attr("value","提交");
		$(".familyId").attr("value",$.getUrlVar('familyId'));
	}
});



</script>
</body>
</html>